<template>
  <div class="Thegateofevil">
          
      <h3>{{Gate}}</h3>
      <div v-show="flag" :class="gege">
           {{Gate}} 会给你足够惊喜的....


      </div>
      
      
      
      </div>
</template>

<script>
export default {
  name: "fourSeasons",
  data() {
      return {
          Gate:this.$route.query.name,
          flag:false,
          gege:"jiejie"
      }
  },
  mounted(){
              this.log()
              setTimeout(()=>{
                  this.flag = true
              },1000)
                setTimeout(()=>{
                  this.gege = "gejie"
              },4000)
  },


  methods:{
      log(){
          console.log(this.Gate)
      }
  }
  
};
</script>

<style lang="less">
body{

.Thegateofevil{
    text-align: center;
    
    h3{

    }
    .jiejie{
      
    }
    .gejie{
        color: rgb(251, 5, 5);
        font-size: 1rem;
        font-weight: 900;
        transition: all 2s;
      
    }
}
}
</style>